<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>${poc.name}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="../css/style.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" src="../js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="../js/move-top.js"></script>
<script type="text/javascript" src="../js/easing.js"></script>
</head>
<body>
	<div class="header">
		<%@include file="head.jsp"%>
  	  		<div class="wrap"></div>
   </div>
   <div class="main">
   	 <div class="wrap">
   	 	<div class="content_top">
    		<div class="back-links" style="width: 100px;">
    		<p><a href="index.html">主页</a> &gt;&gt;&gt; <a href="/product/selectProductOrCategory.do?id=${poc.id}" class="active">介绍</a></p>
    	    </div>
    		<div class="clear"></div>
    	</div>
   	 	<div class="section group">
				<div class="cont-desc span_1_of_2">
				  <div class="product-details">

					<div class="grid images_3_of_2">
						<img src="${poc.imgurl}" alt="" />
				  </div>

                      <div class="desc span_3_of_2">
                       ${poc.name}
                      </div>

				<div class="desc span_3_of_2">
					<div class="price">
						<p>价格:<span>${poc.specialOffer}</span></p>
					</div>
					<div class="available">
						<ul>
<%--						  <li><span>Model:</span> &nbsp; Model 1</li>--%>
						  <li><span>所需内存:</span>&nbsp; ${poc.memory}GB</li>
						  <li><span>游戏类别:</span>&nbsp; ${poc.category.name}</li>
						  <li><span>游戏平台:</span>&nbsp; ${poc.platform}</li>
					    </ul>
					</div>
				<div class="share-desc">
<%--					<div class="share">
						<p>Number of units :</p><input class="text_box" type="text">				
					</div>--%>
					<div class="button"><span><a href="#">加入购物车</a></span></div>
					<div class="clear"></div>
				</div>
				 <div class="wish-list">
				 </div>
			</div>
			<div class="clear"></div>
		  </div>
		<div class="product_desc">	
			 <h2>介绍</h2>
			${poc.description}
	   </div>
   </div>
				<div class="rightsidebar span_3_of_1 sidebar">
					<h2>促销商品</h2>


					 		<div class="special_movies">
								<c:forEach items="${pListh}" var="p" begin="0" end="4">
					 	   <div class="movie_poster">
							   <a href="/product/selectProductOrCategory.do?id=${p.id}"><img style="width: 100px;height: 100px" src="${p.imgurl}" alt="" /></a>
					 		 </div>
					 		   <div class="movie_desc">
							    <a href="/product/selectProductOrCategory.do?id=${p.id}" style="color: orange">${p.name}</a>
								   <p>¥<span>${p.price}</span> &nbsp; ${p.specialOffer}</p>
								   <div class="add-cart">
									   <p><h4><a href="/product/selectProductOrCategory.do?id=${p.id}">查看详情</a></h4></p>
								   </div>
							   </div>
								</c:forEach>
<%--								<c:forEach items="${pListh}"">
									<div class="movie_desc">
										<a href="/product/selectProductOrCategory.do?id=${p.id}"><img style="width: 80px;height: 80px" src="${p.imgurl}" alt="" /></a>
										<h4>${p.name}</h4>
										<p><span>${p.price}</span> &nbsp; ${p.specialOffer}</p>
										<p><h4><a href="/product/selectProductOrCategory.do?id=${p.id}">查看详情</a></h4></p>
									</div>
								</c:forEach>--%>

								<div class="clear"></div>
					 		</div>
 					   </div>
 		 		 </div>
   	 		</div>
        </div>
   <div class="footer">
   	  <div class="wrap">	
<%--	     <div class="section group">
				<div class="col_1_of_4 span_1_of_4">
						<h4>Information</h4>
						<ul>
						<li><a href="#">About Us</a></li>
						<li><a href="#">Customer Service</a></li>
						<li><a href="#">Advanced Search</a></li>
						<li><a href="#">Orders and Returns</a></li>
						<li><a href="contact.html">Contact Us</a></li>
						</ul>
					</div>
				<div class="col_1_of_4 span_1_of_4">
					<h4>Why buy from us</h4>
						<ul>
						<li><a href="#">About Us</a></li>
						<li><a href="#">Customer Service</a></li>
						<li><a href="#">Privacy Policy</a></li>
						<li><a href="contact.html">Site Map</a></li>
						<li><a href="#">Search Terms</a></li>
						</ul>
				</div>
				<div class="col_1_of_4 span_1_of_4">
					<h4>My account</h4>
						<ul>
							<li><a href="contact.html">Sign In</a></li>
							<li><a href="index.html">View Cart</a></li>
							<li><a href="#">My Wishlist</a></li>
							<li><a href="#">Track My Order</a></li>
							<li><a href="contact.html">Help</a></li>
						</ul>
				</div>
				<div class="col_1_of_4 span_1_of_4">
					<h4>Contact</h4>
						<ul>
							<li><span>+91-123-456789</span></li>
							<li><span>+00-123-000000</span></li>
						</ul>
						<div class="social-icons">
							<h4>Follow Us</h4>
					   		  <ul>
							      <li><a href="#" target="_blank"><img src="../images/facebook.png" alt="" /></a></li>
							      <li><a href="#" target="_blank"><img src="../images/twitter.png" alt="" /></a></li>
							      <li><a href="#" target="_blank"><img src="../images/skype.png" alt="" /> </a></li>
							      <li><a href="#" target="_blank"> <img src="../images/linkedin.png" alt="" /></a></li>
							      <div class="clear"></div>
						     </ul>
   	 					</div>
				</div>
			</div>--%>
			 <div class="copy_right">
				<p>Copyright &copy; 2014.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
		   </div>			
        </div>
    </div>
   <script type="text/javascript">
		$(document).ready(function() {			
			$().UItoTop({ easingType: 'easeOutQuart' });
			
		});
	</script>
    <a href="#" id="toTop"><span id="toTopHover"> </span></a>

</body>
</html>

